<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>合并报表</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-blue/easyui.css">
</head>
<body>
<style type="text/css">
	*{
		margin:0px;
		padding:0px;
	}
	.background{
		width: 100%;
	    height: 595px;
	    background-color: #fff;
	}
	.background_1{
		width: 98%;
	    height: 569px;
	    margin: 0px auto;
	    background-color: #fff;
	}
	.table{
		width: 1020px;
		margin:0px auto;
		margin-top:20px;
		border: 1px solid #E5E5E5;		
	}
	.datagrid-header .datagrid-cell span{
		color: #19AA9A;
	    font-size: 14px;
	    font-weight: 700;
	}
	.datagrid-header .datagrid-cell,.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
		text-align: center;
	}
	.table .datagrid .panel-body{
	 	width: 1017px;
	}
	.datagrid-header{
		height:39px;
	}
	.datagrid-header-row, .datagrid-row {
   	 	height: 40px;
	}
	.bianji,.xiangqing{
		width: 45px;
    	height: 20px;
		font-size:12px;
		border-radius:4px;
	}
	.bianji{
		color:#fff;
		background-color:#18A689;
		border:1px solid #18A689;
	}
	.xiangqing{
		color:#666666;
		border:1px solid #E4E4E4;
		background-color:#fff;
	}
</style>
<script type="text/javascript">
$(function(){
	$("#reporttable").datagrid({
		url:'find-report',
		singleSelect:true,			
		columns:[[{field:'Staff_name',title:'用户',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
	$("#reporttable_month").datagrid({
		url:'find-month',
		singleSelect:true,			
		columns:[[{field:'tongji',title:'本月统计',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
	$("#reporttable_jidu").datagrid({
		url:'find-jidu',
		singleSelect:true,			
		columns:[[{field:'tongji',title:'本季度统计',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
	$("#reporttable1").datagrid({
		url:'find-report',
		singleSelect:true,			
		columns:[[{field:'Staff_name',title:'用户',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
	$("#reporttable2").datagrid({
		url:'find-report',
		singleSelect:true,			
		columns:[[{field:'Staff_name',title:'用户',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
	$("#reporttable_year").datagrid({
		url:'find-year',
		singleSelect:true,			
		columns:[[{field:'tongji',title:'本年统计',width:120},
				{field:'sa_base',title:'基本薪资',width:100},
           		{field:'sd_vacation',title:'请假',width:100},
           		{field:'sd_overtime',title:'加班',width:100},
      			{field:'sd_late',title:'迟到',width:100},
      			{field:'sd_absent',title:'旷工',width:100},
      			{field:'sd_taxe',title:'个税',width:100},
      			{field:'sd_le',title:'早退',width:100},
      			{field:'sd_bonus',title:'全勤奖',width:100},
      			{field:'sd_traffic',title:'交通补助',width:100},
      			{field:'sd_yf',title:'应发工资',width:100},
      			{field:'sd_yk',title:'实扣工资',width:100},
      			{field:'sd_sf',title:'实发工资',width:100}
      ]]
	});
});
</script>
<div class="background">
		<div class="background_1">
			<div id="tt" class="easyui-tabs" style="height:600px;">                                                         
			    <div title="按年" data-options="" style="overflow:auto;padding:20px;display:none;">
					<div class="table">
						<table class="easyui-datagrid" style="width:1020px;height:300px" id="reporttable2"></table>
						<table class="easyui-datagrid" style="width:1020px;height:200px" id="reporttable_year"></table>
			   		</div>
			    </div>
			    <div title="按月" data-options="" style="padding:20px;display:none;">
			    	<div class="table">
						<table class="easyui-datagrid" style="width:1020px;height:300px" id="reporttable"></table>
						<table class="easyui-datagrid" style="width:1020px;height:200px" id="reporttable_month"></table>
			   		</div>
			    </div>
			    <div title="按季度" data-options="" style="padding:20px;display:none;">
					<div class="table">
						<table class="easyui-datagrid" style="width:1020px;height:300px" id="reporttable1"></table>
						<table class="easyui-datagrid" style="width:1020px;height:200px" id="reporttable_jidu"></table>
			   		</div>
			    </div>
			</div>
		</div>
	</div>
</body>
</html>